<ul class="nav navbar-top-links navbar-right" id="vueMessage" v-cloak>
  <li class="dropdown">
    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
      <i class="fa fa-envelope"></i> <span class="label label-warning" >{{count}}</span>
    </a>
    <ul class="dropdown-menu dropdown-messages" >
      <data v-for="(m,i) in list">     
        <li class="m-t-xs" >
          <div class="dropdown-messages-box">
            <a href="#" class="pull-left">
              <div class="pull-left text-center">
                <div class="m-t-xs">
                  <i class="fa fa-star text-info"></i>
                  <i class="fa fa-star text-info"></i>
                </div>
              </div>
            </a>               
            <div class="media-body">
              <small class="pull-right">{{m.time | formatDiff}}</small>
              <strong>{{m.title}}</strong> {{m.info}}
              <br>
              <small class="text-muted">{{m.viewTime}}</small>
            </div>
          </div>
        </li>
        <li class="divider"></li>
      </data>
    </ul>
  </li>
  
  <li class="dropdown hidden-xs">
    <a class="right-sidebar-toggle" aria-expanded="false">
      <i class="fa fa-tasks"></i> 主题
    </a>
  </li>
</ul>